<!DOCTYPE html>
<html lang="en">
  <head>
    <title>Dict 字典收集中心</title>
    <meta charset="UTF-8">
    <meta name=description content="">
    <meta name=viewport content="width=device-width, initial-scale=1">
    <meta name="viewport" content="width=device-width, initial-scale=1.0">
    <meta name="author" content="此题无解">
    <link href="css/font-awesome.css" rel="stylesheet" media="screen">
    <link href="css/bootstrap.min.css" rel="stylesheet" media="screen">
    <link href="css/bootstrap-notify.css" rel="stylesheet" media="screen">
    <link href="css/styles/alert-blackgloss.css" rel="stylesheet">
    <link href="css/custom.css" rel="stylesheet" media="screen">
    <script src="js/jquery.min.js"></script>
    <script src="js/bootstrap.min.js"></script>
    <script src="js/bootstrap-notify.js"></script>
    <script src="js/modernizr.js"></script>
    <script src="js/typeahead.bundle.min.js"></script>
  </head>
  <body>
  <div class="navbar navbar-inverse navbar-fixed-top " role="navigation">
    <div class="contianer-fluid">
      <div class="navbar-header">
        <button type="button" class="navbar-toggle collapsed" data-toggle="collapse" data-target="#dict-navbar">
          <span class="sr-only">Toggle navigation</span>
          <span class="icon-bar"></span>
          <span class="icon-bar"></span>
          <span class="icon-bar"></span>
        </button>
        <a class="navbar-brand" href="#">
          Dictionary
        </a>
      </div>
      <div class="collapse navbar-collapse" id="dict-navbar">
        <ul class="nav navbar-nav">
          <li class=""><a href="./index.php">Index</a></li>
          <li class=""><a href="../sgk">SGK</a></li>
          <li class=""><a href="./export.php">Export</a></li>
          <li class="active"><a href="#">Import</a></li>
        </ul>
      </div>
    </div>
  </div>
<body>
  <div class="container">
    <div class="row">
      <div class="panel panel-default">
        <div class="panel-body">
          <ul class="nav nav-pills" role="tables">
            <li class="active"><a href="#data" data-toggle="tab">添加数据</a></li>
            <li><a href="#dict" data-toggle="tab">添加字典</a></li>
            <li><a href="#file" data-toggle="tab">文件导入</a></li>
          </ul>
          <div class="tab-content">
            <div class="tab-pane active" id="data">
              <form action="" role="form">
                <div class="form-group">
                  <label for="dictinput" class="col-sm-2 control-label">Dictionary</label>
                  <div class="col-sm-10">
                    <input id="dictinput" type="text" class="typeahead form-control" placeholder="select a dictionary">
                  </div>
                </div>
                <div class="form-group">
                  <label for="infoinput" class="col-sm-2 control-label">
                   Data
                  </label>
                  <div class="col-sm-10">
                    <input type="text" class="form-control inputdict" name="info" placeholder="Input Data here">
                  </div>
                </div>
                <div class="form-group">
                  <label for="infoinput" class="col-sm-2 control-label">
                   Info
                  </label>
                  <div class="col-sm-10">
                    <textarea name="detail" class="form-control" placeholder="收集原因可空，推荐录入"></textarea>
                  </div>
                </div>
                <div class="form-group">
                  <div class="col-sm-offset-2 col-sm-10">
                    <button type="submit" class="btn btn-primary">添加</button>
                  </div>
                </div>
              </form>
            </div> <!--end of tab-pane adddata-tab --> 
            <div class="tab-pane" id="dict">
            1
            </div> <!--end of tab-pane adddict-tab--> 
            <div class="tab-pane" id="file">
          2
            </div> <!--end of tab-pane importdict-tab--> 
          </div>
        </div> <!--end of panel-body--> 
        <div class="panel-foot">
          <table class="table">
              <tr>
                <th>名字</th><th>描述</th><th>数量</th>
              </tr>
          </table>
        </div>
      </div> <!--end of panel--> 
    </div>
  </div>
    
    <script type="text/javascript">
    var states = ['php 字典', 'Alaska', 'Arizona', 'Arkansas', 'California',
    'Colorado', 'Connecticut', 'Delaware', 'Florida', 'Georgia', 'Hawaii',
    'Idaho', 'Illinois', 'Indiana', 'Iowa', 'Kansas', 'Kentucky', 'Louisiana',
    'Maine', 'Maryland', 'Massachusetts', 'Michigan', 'Minnesota',
    'Mississippi', 'Missouri', 'Montana', 'Nebraska', 'Nevada', 'New Hampshire',
    'New Jersey', 'New Mexico', 'New York', 'North Carolina', 'North Dakota',
    'Ohio', 'Oklahoma', 'Oregon', 'Pennsylvania', 'Rhode Island',
    'South Carolina', 'South Dakota', 'Tennessee', 'Texas', 'Utah', 'Vermont',
    'Virginia', 'Washington', 'West Virginia', 'Wisconsin', 'Wyoming'
    ];
  </script>
  <script src="js/custom.js"></script>
</body>
</html>
